/* 店铺头部布局 */
.header-store {
    width: 10rem;
    background-image: url("../img/store-bg.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 -1.1733rem;
}

/* 店铺信息布局 */
.header-store .store-info {
    background: #fff;
    width: 9.1467rem;
    height: 2.8267rem;
    border-radius: .2133rem;
    margin: .5067rem auto;
    box-shadow: 0rem .1067rem .2133rem 0rem rgba(37, 136, 255, 0.06);
    font-size: .32rem;
}

.header-store .store-info>div:first-child {
    display: flex;
    justify-content: space-between;
    padding: .3467rem .4rem 0rem .3733rem;
}

.header-store .store-info .store-text-box .title {
    width: 6.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .48rem;
    font-weight: 700;
    line-height: .6949rem;
    color: rgba(0, 0, 0, 1);
}

.header-store .store-info .store-text-box .subtitle {
    width: 6.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: .4635rem;
    color: rgba(144, 152, 160, 1);
}

.header-store .store-info .store-title-box img {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
}

.header-store .store-info .store-notice {
    display: flex;
    color: rgba(144, 152, 160, 1);
    align-items: center;
    margin-top: .1067rem;
}

.header-store .store-info .store-notice img {
    display: block;
    width: .3733rem;
    height: .3421rem;
    margin-left: .3733rem;
}

.header-store .store-info .store-notice>div {
    width: 7.04rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: .16rem;
    height: .4533rem;
    line-height: .4635rem;
}

/* 店铺导航 */
.navigation-store {
    width: 10rem;
    display: flex;
    margin-top: .2133rem;
    margin-bottom: .5333rem;
}

.navigation-store div:first-child {
    margin-left: 0.48rem;
}

.navigation-store div {
    width: .8533rem;
    height: .5867rem;
    font-size: .4267rem;
    font-weight: 500;
    line-height: .6179rem;
    color: rgba(0, 0, 0, 1);
    margin-right: 1.1733rem;
}

.navigation-store .active {
    border-bottom: .0533rem solid rgba(37, 136, 255, 1);
}

/* 点餐内容 */
.content-store {
    width: 10rem;
    display: flex;
    font-size: .3733rem;
    font-weight: 500;
}

.content-store .category {
    color: rgba(144, 152, 160, 1);
    margin-left: .4267rem;
}

.content-store .category .category-item {
    width: 1.4933rem;
    max-height: 1.0667rem;
    line-height: .5405rem;
    overflow: hidden;
    margin-bottom: .8533rem;
}

.content-store .category .active {
    color: rgba(46, 52, 58, 1);
}

/* 右边食物列表 */
.content-store .food-list {
    margin-left: .5333rem;
}

.content-store .food-list .category-title {
    color: rgba(150, 150, 150, 1);
}

.content-store .food-list .food-item {
    display: flex;
    margin-top: .3733rem;
}

.content-store .food-list .food-item .food-img {
    display: block;
    width: 2.16rem;
    height: 2.16rem;
}

.content-store .food-list .food-item .food-title {
    height: 1.0667rem;
    width: 4.2667rem;
    line-height: .5405rem;
    overflow: hidden;
    color: rgba(0, 0, 0, 1);

}

.content-store .food-list .food-item .food-info {
    margin-left: .4267rem;
}

.content-store .food-list .food-item .food-info .food-order {
    display: flex;
    width: 4.2667rem;
    justify-content: space-between;
    margin-top: .48rem;
}

.content-store .food-list .food-item .food-info .food-order .food-price {
    color: rgba(255, 38, 38, 1);
}

.content-store .food-list .food-item .food-info .food-order .food-option {
    display: flex;
    width: 1.76rem;
    justify-content: space-between;
}

.content-store .food-list .food-item .food-info .food-order .food-option .icon-add,
.content-store .food-list .food-item .food-info .food-order .food-option .icon-sub {
    width: .5333rem;
    height: .5333rem;
}